<!DOCTYPE html>
<html lang="en">
    <head>
        <!-- 编码格式 -->
        <meta charset="UTF-8">
        <title></title>
        <!-- 作者 -->
        <meta name="author" content="author">
        <!-- 网页描述 -->
        <meta name="description" content="hello">
        <!-- 关键字使用","分隔 -->
        <meta name="keywords" content="a,b,c">
        <!-- 禁止浏览器从本地机的缓存中调阅页面内容 -->
        <meta http-equiv="Pragma" content="no-cache">
        <!-- 用来防止别人在框架里调用你的页面 -->
        <meta http-equiv="Window-target" content="_top">
        <!-- content的参数有all，none，index，noindex，follow，nofollow，默认是all -->
        <meta name="robots" content="none">
        <!-- 收藏图标 -->
        <link rel="Shortcut Icon" href="favicon.ico">
        <!-- 网页不会被缓存 -->
        <meta http-equiv="Cache-Control" content="no-cache, must-revalidate">
        <!-- 解决部分兼容性问题，如果安装了GCF，则使用GCF来渲染页面，如果未安装GCF，则使用最高版本的IE内核进行渲染。 -->
        <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
        <!-- 页面按原比例显示 -->
        <meta name="viewport" content="width=device-width, initial-scale=1">
        <!--<link href="https://cdn.bootcss.com/twitter-bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet">
        <link href="https://cdn.bootcss.com/twitter-bootstrap/3.3.7/css/bootstrap-theme.css" rel="stylesheet">-->

        <link href="https://cdnjs.cloudflare.com/ajax/libs/bxslider/4.2.15/jquery.bxslider.min.css" rel="stylesheet" />
        <link href="backup/css/styles.css" rel="stylesheet" />

        <!--[if lt IE 9]>
        <script src="https://cdn.bootcss.com/html5shiv/3.7.2/html5shiv.min.js"></script>
        <script src="https://cdn.bootcss.com/respond.js/1.4.2/respond.js"></script>
        <![endif]-->

        <!--favicon-->
        <link rel="apple-touch-icon-precomposed" href="https://assets.bootcss.com/www/assets/ico/apple-touch-icon-precomposed.png?1542483686613">
        <link rel="shortcut icon" href="https://assets.bootcss.com/www/assets/ico/favicon.png?1542483686613">
    </head>

<body>
<div class="main">
    <div class="nav-main">
        <div class="container">
            <div class="nav-logo pull-left">
                <p>初见菲林</p>
            </div>
            <div class="nav pull-right">
                <ul>
                    <li>
                        <a>Car shooting</a>
                    </li>
                    <li>
                        <a>Video service</a>
                    </li>
                    <li>
                        <a>Artistic portrait</a>
                    </li>
                    <li>
                        <a>Classical handmade photos</a>
                    </li>
                    <li>
                        <a>Company profile</a>
                    </li>
                </ul>
            </div>
        </div>
    </div>
    <div class="banner">
        <div class="stage">
            <ul class="bxslider">
                <li>
                    <img src="backup/img/banner/1.jpg" />
                </li>
                <li>
                    <img src="backup/img/banner/2.jpg" />
                </li>
                <li>
                    <img src="backup/img/banner/2.jpg" />
                </li>
            </ul>
        </div>
    </div>

    <div class="container">
        <div class="service-list">
            <h2>服务范围 / Service Scope</h2>
            <ul>
                <li>
                    <a href="/shop/zh_CN/inspiration/optik-haptik" title="去感受它的纹理！"> <img src="backup/img/service/1.jpg" title="去感受它的纹理！" alt="去感受它的纹理！">
                        <p>去感受它的纹理！</p>
                    </a>
                </li>

                <li>
                    <a href="/shop/zh_CN/inspiration/patterns-on-metal" title="Shimmering metallic designs"> <img src="backup/img/service/2.jpg" title="Shimmering metallic designs" alt="Shimmering metallic designs">
                        <p>耀眼的金属花色</p>
                    </a>
                </li>

                <li>
                    <a href="/shop/zh_CN/app" title="爱格APP"> <img src="backup/img/service/3.jpg" title="爱格APP" alt="爱格APP">
                        <p>爱格APP</p>
                    </a>
                </li>

                <li>
                    <a href="http://campaign.egger.com/" title="饰面产品系列"> <img src="backup/img/service/4.jpg" title="饰面产品系列" alt="饰面产品系列">
                        <p>饰面产品系列</p>
                    </a>
                </li>
            </ul>
        </div>
    </div>

    <div class="container">
        <div class="guarantee-list">
            <h2>我们保证 / We guarantee</h2>
            <ul>
                <li>
                    <a>
                        <div class="title">私人定制</div>
                        <div class="content">定制专属你的美</div>
                    </a>
                </li>

                <li>
                    <a>
                        <div class="title">客片欣赏</div>
                        <div class="content">与您共赏好作品</div>
                    </a>

                </li>

                <li>
                    <a>
                        <div class="title">行业标杆</div>
                        <div class="content">用心专注只为你</div>
                    </a>
                </li>

                <li class="clear">
                    <a>
                        <div class="title">私人定制</div>
                        <div class="content">定制专属你的美</div>
                    </a>
                </li>

                <li>
                    <a>
                        <div class="title">客片欣赏</div>
                        <div class="content">与您共赏好作品</div>
                    </a>

                </li>

                <li>
                    <a>
                        <div class="title">行业标杆</div>
                        <div class="content">用心专注只为你</div>
                    </a>
                </li>
            </ul>
        </div>
    </div>

    <div class="container">

    </div>

    <div class="footer">
        初见菲林
    </div>
</div>


<script src="https://cdn.bootcss.com/jquery/1.12.4/jquery.js"></script>
<!--<script src="https://cdn.bootcss.com/twitter-bootstrap/3.3.7/js/bootstrap.min.js"></script>-->
<script src="https://cdnjs.cloudflare.com/ajax/libs/bxslider/4.2.15/jquery.bxslider.min.js"></script>

<script>
    $(document).ready(function(){
        $('.bxslider').bxSlider();
    });
</script>
</body>

</html>